<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浮动框架应用</title>
    <link rel="stylesheet" href="../css/Floating-frame-application.-layout.css">
</head>

<body>
    <div>
        <div>
            <h3>浮动框架应用</h3>
            <hr style="border: 2px solid red;">
        </div>
        <div class="box">
            <div class="left-iframe-box">
                <iframe id="left-iframe" src="http://www.h3c.com" frameborder="0" class="leftiframe"></iframe>
            </div>
            <div>
                <iframe id="right-iframe" src="http://www.huawei.com" frameborder="0" class="rightiframe"></iframe>
            </div>
            <div>
                <ul>
                    <li id="left-a"> <a href="#">中央人民政府网站</a> </li>
                    <li id="right-a"><a href="#">教育类网站</a></li>
                </ul>
            </div>
        </div>
    </div>
    <script src="../JS/Floating-frame-application.js"></script>
</body>

</html>